﻿/* 公共样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img,span,i,b,strong{padding: 0; margin: 0;}
fieldset,abbr,acronym{ border: 0; }
a{color:#333;font-size:12px;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
p{margin:0;padding:0;}
img{max-width:100%;}
em,i{font-style:normal;}
label{display: inline;}
ul, ol, li {list-style: none;}
/*常用样式*/
.div-inline{ display:inline} 
.center-vertical { position:relative; top:50%; transform:translateY(-50%); }
.clear{clear:both;height:0;}
.yincang{display:none;}
.xianshi{display:block;}
.fl{float:left;}
.fr{float:right;}
.h100{height:100%;}
.fixed{position: fixed;bottom: 0;left: 0;width: 100%;}
.m-1200{width:1200px;margin:0 auto;}
.m-980{width:980px;margin:0 auto;}
.box-shadow{-moz-box-shadow:0px 2px 5px #0000001a; -webkit-box-shadow:0px 2px 5px #0000001a; box-shadow:0px 2px 5px #0000001a;}
.through{text-decoration:line-through;font-style:normal; }
.navbar-white{background:#fff;}
.bor-bottom{border-bottom:1px solid #DFDFDF;}
.bor{border:1px solid #e6e6e6;}
.bor-none{border:0 none !important;}
.dianbg{background: url("https://static.gmzx.com/images/phone/index/zhixian_bg.jpg") center repeat-x;}
.item-title span{background: #fff;display: inline-table;padding: 0 15px;}
.vertical-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.relative{position:relative;}
.absolute{position:absolute;}
.radius{border-radius:4px;}
.block{display:block;}
.over-hide{overflow:hidden;}
.w-50{width:50%;}
.pass-pink:hover{background:#F58DA9;color:#fff;}
.pass-pink:hover i{color:#fff;}
.vertical-top{vertical-align: top;}
.pointer{cursor: pointer;}
/*边框*/
.bor-right-gray{border-right:#EDEDED 1px solid;}
.bor-right{border-right:#F0759A 1px solid;}
.bor-bottom-gray{border-bottom:1px solid #EDEDED;}
.bor-bottom-pink{border-bottom:1px solid #EF175A;}
.bor-top-gray{border-top:1px solid #EDEDED;}
/*字体大小*/
.font-10{font-size:10px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-20{font-size:20px;}
.font-24{font-size:24px;}
.font-30{font-size:30px;}
/*字体颜色*/
.colF25{color:#F25A88;}
.colef1{color:#ef175a;}
.col1c7{color:#1c7dd7;}
.col999{color:#999;}
.col333{color:#333;}
.col666{color:#666666;}
.col606{color:#606060;}
.colfff{color:#fff;}
/*常用背景*/
.bg-white{background:white;}
.gray{background:#555;}
.gray-lighter{background:#eee;}
.gray-light{background:#777;}
.gray-dark{background:#333;}
.brand-primary{background:#428bca;}
.brand-success{background:#5cb85c;}
.brand-info{background:#5bc0de;}
.brand-warning{background:#f0ad4e;}
.brand-danger{background:#d9534f;}
.bge87{background:#E87623;}
.bg393{background:#393D49;}
.bgF25{background:#F25A88;}
.bg1A1{background:#1A1A1A;}
.bgfff{background:#fff}
.bgff6{background:#FF6701}
.bgf5f{background:#f5f5f5}
.bgf7{background:#F7F7F7}
.bgf14{background:#F14C7F}
.bgf60{background:#FF6600}

.w100{width:100%;}
.w20{width:20%;float:left;}
.w25{width:25%;float:left;}
.w33{width:33.3%;float:left;}
.h50{height:50%;}
.weight{font-weight: 600;}
.weightnormal{font-weight: normal;}
/*常用边距*/
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.mb0{margin-bottom:0;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
.pd5{padding:5px;}
.pd10{padding:10px !important;;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.mg20{margin:20px;}
.pt3{padding-top:3px;}
.pb3{padding-bottom:3px;}
.pl6{padding-left:6px;}
.pr6{padding-right:6px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.margin-none{margin:0;}
.nopd{padding:0 !important;}
.noml{margin-left:0;}
.nomr{margin-right:0;}
.nopl{padding-left:0;}
.nopr{padding-right:0;}
.noplr{padding-left:0 !important;padding-right:0 !important;}
.nomlr{margin-left:0 !important;margin-right:0 !important;}

/*******多选样式*******/
.chk_3 + label {background-color: #fafbfa;border-radius: 50%;	display: inline-block;position: relative;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;width: 0.4rem;height: 0.16rem;margin: 0;}
.chk_3  + label:after {content: ' ';position: absolute;top: 0;-webkit-transition: box-shadow 0.1s ease-in;transition: box-shadow 0.1s ease-in;left: 0;width: 100%;height: 100%;border-radius: 100px;box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);}
.chk_3  + label:before {content: ' ';position: absolute;background: white;top: 0px;left: 1px;z-index: 999999;width: 0.16rem;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;height: 100%;border-radius: 100px;box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);}
.chk_3:active + label:after {box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;}
.chk_3:active + label:before {width: 37px;}
.chk_3:checked:active + label:before {width: 37px;left: 20px;}
.chk_3  + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.chk_3:checked + label:before {content: ' ';position: absolute;left: 0.26rem;border-radius: 50%;}
.chk_3:checked + label:after {content: ' ';font-size: 1.5em;position: absolute;background: #4cda60;box-shadow: 0 0 1px #4cda60;}
/*多选样式*/
.status input[type='checkbox']{display:none;}
.status label.duoxuan {color: #666;padding: 3px 10px;border-radius: 4px;border: #CECECE 1px solid;font-size: 12px;font-weight: normal;}
.status input[type='checkbox']:checked + .duoxuan {background:#F14C7F;color:#fff;border:#F14C7F 1px solid;}
/*单选样式*/
.status input[type='radio']{display:none;}
.status label.danxuan {color: #666;padding: 3px 10px;border-radius: 4px;border: #CECECE 1px solid;font-size: 12px;font-weight: normal;}
.status input[type='radio']:checked + .danxuan {background:#F14C7F;color:#fff;border:#F14C7F 1px solid;}
/*单选样式（选中时右下角有√图标）*/
.status1 input[type='radio']{display:none;}
.status1 label.danxuan {color: #000;padding: 3px 10px;border-radius: 4px;border: #CECECE 1px solid;font-size: 12px;font-weight: normal;}
.status1 label.danxuan:hover {color:#f14c7f;border:#F14C7F 2px solid;margin: -2px;}
.status1 label.stopOn:hover {color:#ccc;border:#CECECE 1px solid;margin: 0px;}
.status1 input[type='radio']:checked + .danxuan {background:url('https://static.gmzx.com/images/weixin/public/gou.png') right bottom no-repeat; background-size: 18px 18px;color:#f14c7f;border:#F14C7F 2px solid;margin: -2px;}
/*多选样式（选中时右下角有√图标）*/
.status1 input[type='checkbox']{display:none;}
.status1 label.duoxuan {color: #000;padding: 3px 10px;border-radius: 4px;border: #CECECE 1px solid;font-size: 12px;font-weight: normal;}
.status1 label.duoxuan:hover {color:#f14c7f;border:#F14C7F 2px solid;margin: -2px;}
.status1 label.stopOn:hover {color:#ccc;border:#CECECE 1px solid;margin: 0px;}
.status1 input[type='checkbox']:checked + .duoxuan {background:url('https://static.gmzx.com/images/weixin/public/gou.png') right bottom no-repeat; background-size: 18px 18px;color:#f14c7f;border:#F14C7F 2px solid;margin: -2px;}
/*购物车选中样式*/
.selected {position: relative;}
.selected label {width: 20px;height: 20px;cursor: pointer;background: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border: #DBDBDB 1px solid;position: absolute;left: 0;top: 0;}
.selected label:after {font-family: FontAwesome;content: "\f00c";color: #F14C7F;font-weight:100;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.selected input[type=checkbox] {visibility: hidden;}
.selected input[type=checkbox]:checked + label:after {opacity: 1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}



/*导航*/
.btn:hover, .btn:focus, .btn.focus {font-weight:700;}
.navigation > li > a:hover,.navigation > li.active > a, .navigation > li > a:focus {background: #E14C79;color:#fff;}
.navigation > li > a{margin-left: 20px;padding: 5px 10px;margin-top: 12px;border-radius: 4px;transition: all 0.5s;}
.navigation > li > a:hover  i{color:#fff;}
.cover{z-index: 9999;position: absolute;top: 66px;left: -243px;}
.cover:after {content: "";display: block;height: 0;    width: 0;border: 10px solid;border-color: transparent transparent #393D49 transparent;position: absolute;top: -20px;left: 50%;margin-left:-10px;z-index: 99999;}
.cover::before {content: "";display: block;position: absolute;top: -80px;left: 0;z-index: 99999;width: 80px;height: 80px;}
.pinpai{left:60%;transform: translate(-50%, 0%);width:120px;}
.pinpai a{color:#fff;display:block;text-align:center;height:24px;line-height:24px;margin-top:10px;font-size:14px;}
.m_user span{line-height:50px;overflow:hidden;}
.m_user > div > a{width: 50px;height: 50px;display: block;border-radius: 50%;overflow: hidden;}
.nav_cart{padding:15px 15px 0;}
.nav_cart i em{position: absolute;text-align: center;width: 15px;height: 15px;line-height: 15px;font-size: 12px;font-weight: normal;background: #ff4343;color: rgb(255, 255, 255);border-radius: 50%;top: -3px;right: -8px;}
.user-nav ul > li{margin-bottom:5px;}
.user-nav ul > li.active{background:#F25A88;border-radius:4px;}
.user-nav ul > li.active > a{color:#fff;}
.confix{transition-duration:0.3s;}



.nav_member:after {z-index: 99999;border-color: transparent transparent #f5f5f5 transparent;}
.nav_member::before {z-index: 99999;}
.nav_member{left:60%;transform: translate(-50%, 0%);width:120px;}
.nav_member a{color:#333;display:block;text-align:center;height:24px;line-height:24px;margin-top:10px;font-size:14px;transition: all 0.5s;border-radius:4px;}
.nav_member a:hover{background: #E14C79;color:#fff;}

.nav_buycart:after {z-index: 99999;border-color: transparent transparent #f5f5f5 transparent;left: auto;right: 40px;}
.nav_buycart::before {z-index: 99999;right: 0;left: auto;}
.nav_buycart{left: auto;transform: translate(-50%, 0%);width: 400px;right: -200px;}
.nav_buycart ul{}
.nav_buycart ul li:after{content: "";display: block;height: 0; clear: both; visibility: hidden}
.nav_buycart ul li{padding:10px 20px;border-top:#EDEDED 1px solid;}
.nav_buycart ul li img{width:60px;height:60px;margin-right:10px;}
/*全部项目*/
.item_all{padding-top: 10px;z-index: 9999;position: absolute;top: 66px;left: -243px;width:1139px;}
.item_all:after {left: 285px;margin-left:0px;z-index: 99999;}
.item_all::before {left: 258px;z-index: 99999;}
.item_all>div{float: left;margin-right:50px;margin-bottom:5px;}
.item_all>div h4 a{color:#fff;font-size:16px;}
.item_all>div a{display:table;height:25px;line-height:25px;color:#ccc;position:relative;}
.item_all>div a i{position: absolute;right: -10px;top: -6px;animation: gmmove 3s infinite linear;}
@keyframes gmmove{
	0%,80%,84%,90%,96%,100%{transform:translateY(0);}
	88%{transform:translateY(-6px);}
	92%{transform:translateY(-3px);}
}
@-webkit-keyframes gmmove{
	0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
	88%{-webkit-transform:translateY(-6px)}
	92%{-webkit-transform:translateY(-3px)}
}
/*商品数量*/
.num_box a {width: 30px;border: 1px solid #E6E6E6;color: #B5B5B5;display: inline-block;height: 30px;line-height: 30px;text-align: center;}
.num_box .num {height: 30px;line-height: 30px;text-align: center;display: inline-block;width: 35px;border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;font-size: 16px;vertical-align: top;border-left: none;border-right: none;}

/*返回顶部*/
.returnTop { display: none;position: fixed;bottom: 80px;right: 30px; width: 50px; height: 50px; background: url("https://static.gmzx.com/images/phone/common/backtop.png") no-repeat center; background-size:100% ;}
/*尾部*/
.foot{background:#0F0005;padding:80px 0;margin-top:30px;}
.foot_lianxi {line-height: 26px;margin-top: 20px;}
.foot_center{padding:30px 30px 0 60px;}
.foot_center li{float:left;width:80px;margin-right:30px;}
.foot_center span{width: 100%;display: block;height: 80px;line-height:80px;background:#fff;border-radius:50%;margin-bottom:8px;}
.foot_center span img{}
.foot_right li{text-align:center;float:left;}
.foot_right li:last-child{margin-left:35px;}



